<!DOCTYPE html>਍㰀䠀吀䴀䰀㸀ഀ
<HEAD>਍ऀ㰀吀䤀吀䰀䔀㸀 娀吀刀䔀䔀 䐀䔀䴀伀 ⴀ 伀琀栀攀爀 䴀漀甀猀攀 䔀瘀攀渀琀㰀⼀吀䤀吀䰀䔀㸀ഀ
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">਍ऀ㰀氀椀渀欀 爀攀氀㴀∀猀琀礀氀攀猀栀攀攀琀∀ 栀爀攀昀㴀∀⸀⸀⼀⸀⸀⼀⸀⸀⼀挀猀猀⼀搀攀洀漀⸀挀猀猀∀ 琀礀瀀攀㴀∀琀攀砀琀⼀挀猀猀∀㸀ഀ
	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">਍ऀ㰀猀挀爀椀瀀琀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀ 猀爀挀㴀∀⸀⸀⼀⸀⸀⼀⸀⸀⼀樀猀⼀樀焀甀攀爀礀ⴀ㄀⸀㐀⸀㐀⸀洀椀渀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀ഀ
	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>਍ऀ㰀℀ⴀⴀ  㰀猀挀爀椀瀀琀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀ 猀爀挀㴀∀⸀⸀⼀⸀⸀⼀⸀⸀⼀樀猀⼀樀焀甀攀爀礀⸀稀琀爀攀攀⸀攀砀挀栀攀挀欀ⴀ㌀⸀㔀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀ഀ
	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>-->਍ऀ㰀匀䌀刀䤀倀吀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀㸀ഀ
		<!--਍ऀऀ瘀愀爀 猀攀琀琀椀渀最 㴀 笀ഀ
			data: {਍ऀऀऀऀ欀攀礀㨀 笀ഀ
					title:"t"਍ऀऀऀऀ紀Ⰰഀ
				simpleData: {਍ऀऀऀऀऀ攀渀愀戀氀攀㨀 琀爀甀攀ഀ
				}਍ऀऀऀ紀Ⰰഀ
			callback: {਍ऀऀऀऀ戀攀昀漀爀攀䴀漀甀猀攀䐀漀眀渀㨀 戀攀昀漀爀攀䴀漀甀猀攀䐀漀眀渀Ⰰഀ
				beforeMouseUp: beforeMouseUp,਍ऀऀऀऀ戀攀昀漀爀攀刀椀最栀琀䌀氀椀挀欀㨀 戀攀昀漀爀攀刀椀最栀琀䌀氀椀挀欀Ⰰഀ
				onMouseDown: onMouseDown,਍ऀऀऀऀ漀渀䴀漀甀猀攀唀瀀㨀 漀渀䴀漀甀猀攀唀瀀Ⰰഀ
				onRightClick: onRightClick਍ऀऀऀ紀ഀ
		};਍ഀ
		var zNodes =[਍ऀऀऀ笀 椀搀㨀㄀Ⰰ 瀀䤀搀㨀　Ⰰ 渀愀洀攀㨀∀ഀ上能 右键 0", t:"试试右键，没有 onRightClick 吧？", open:true, right:false},਍ऀऀऀ笀 椀搀㨀㄀㄀Ⰰ 瀀䤀搀㨀㄀Ⰰ 渀愀洀攀㨀∀ഀ上能 右键 1", t:"试试右键，没有 onRightClick 吧？", right:false},਍ऀऀऀ笀 椀搀㨀㄀㈀Ⰰ 瀀䤀搀㨀㄀Ⰰ 渀愀洀攀㨀∀ഀ上能 右键 2", t:"试试右键，没有 onRightClick 吧？", right:false},਍ऀऀऀ笀 椀搀㨀㄀㌀Ⰰ 瀀䤀搀㨀㄀Ⰰ 渀愀洀攀㨀∀ഀ上能 右键 3", t:"试试右键，没有 onRightClick 吧？", right:false},਍ऀऀऀ笀 椀搀㨀㈀Ⰰ 瀀䤀搀㨀　Ⰰ 渀愀洀攀㨀∀ഀ上能 Down 0", t:"试试 MouseDown ，没有 onMouseDown 吧？", open:true, down:false},਍ऀऀऀ笀 椀搀㨀㈀㄀Ⰰ 瀀䤀搀㨀㈀Ⰰ 渀愀洀攀㨀∀ഀ上能 Down 1", t:"试试 MouseDown ，没有 onMouseDown 吧？", down:false},਍ऀऀऀ笀 椀搀㨀㈀㈀Ⰰ 瀀䤀搀㨀㈀Ⰰ 渀愀洀攀㨀∀ഀ上能 Down 2", t:"试试 MouseDown ，没有 onMouseDown 吧？", down:false},਍ऀऀऀ笀 椀搀㨀㈀㌀Ⰰ 瀀䤀搀㨀㈀Ⰰ 渀愀洀攀㨀∀ഀ上能 Down 3", t:"试试 MouseDown ，没有 onMouseDown 吧？", down:false},਍ऀऀऀ笀 椀搀㨀㌀Ⰰ 瀀䤀搀㨀　Ⰰ 渀愀洀攀㨀∀ഀ上能 Up 0", t:"试试 MouseUp ，没有 onMouseUp 吧？", open:true, up:false},਍ऀऀऀ笀 椀搀㨀㌀㄀Ⰰ 瀀䤀搀㨀㌀Ⰰ 渀愀洀攀㨀∀ഀ上能 Up 1", t:"试试 MouseUp ，没有 onMouseUp 吧？", up:false},਍ऀऀऀ笀 椀搀㨀㌀㈀Ⰰ 瀀䤀搀㨀㌀Ⰰ 渀愀洀攀㨀∀ഀ上能 Up 2", t:"试试 MouseUp ，没有 onMouseUp 吧？", up:false},਍ऀऀऀ笀 椀搀㨀㌀㌀Ⰰ 瀀䤀搀㨀㌀Ⰰ 渀愀洀攀㨀∀ഀ上能 Up 3", t:"试试 MouseUp ，没有 onMouseUp 吧？", up:false}਍ऀऀ崀㬀ഀ
਍ऀऀ瘀愀爀 氀漀最Ⰰ 挀氀愀猀猀一愀洀攀 㴀 笀搀漀眀渀㨀∀搀愀爀欀∀Ⰰ 甀瀀㨀∀搀愀爀欀∀Ⰰ 爀椀最栀琀㨀∀搀愀爀欀∀紀㬀ഀ
		function beforeMouseDown(treeId, treeNode) {਍ऀऀऀ挀氀愀猀猀一愀洀攀⸀搀漀眀渀 㴀 ⠀挀氀愀猀猀一愀洀攀⸀搀漀眀渀 㴀㴀㴀 ∀搀愀爀欀∀ 㼀 ∀∀㨀∀搀愀爀欀∀⤀㬀ഀ
			showLog("[ "+getTime()+" beforeMouseDown ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "down" );਍ऀऀऀ爀攀琀甀爀渀 ⠀℀琀爀攀攀一漀搀攀 簀簀 琀爀攀攀一漀搀攀⸀搀漀眀渀 ℀㴀 昀愀氀猀攀⤀㬀ഀ
		}਍ऀऀ昀甀渀挀琀椀漀渀 漀渀䴀漀甀猀攀䐀漀眀渀⠀攀瘀攀渀琀Ⰰ 琀爀攀攀䤀搀Ⰰ 琀爀攀攀一漀搀攀⤀ 笀ഀ
			showLog("[ "+getTime()+" onMouseDown ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "down" );਍ऀऀ紀ഀ
		function beforeMouseUp(treeId, treeNode) {਍ऀऀऀ挀氀愀猀猀一愀洀攀⸀甀瀀 㴀 ⠀挀氀愀猀猀一愀洀攀⸀甀瀀 㴀㴀㴀 ∀搀愀爀欀∀ 㼀 ∀∀㨀∀搀愀爀欀∀⤀㬀ഀ
			showLog("[ "+getTime()+" beforeMouseUp ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "up" );਍ऀऀऀ爀攀琀甀爀渀 ⠀℀琀爀攀攀一漀搀攀 簀簀 琀爀攀攀一漀搀攀⸀甀瀀 ℀㴀 昀愀氀猀攀⤀㬀ഀ
		}਍ऀऀ昀甀渀挀琀椀漀渀 漀渀䴀漀甀猀攀唀瀀⠀攀瘀攀渀琀Ⰰ 琀爀攀攀䤀搀Ⰰ 琀爀攀攀一漀搀攀⤀ 笀ഀ
			showLog("[ "+getTime()+" onMouseUp ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "up" );਍ऀऀ紀ഀ
		function beforeRightClick(treeId, treeNode) {਍ऀऀऀ挀氀愀猀猀一愀洀攀⸀爀椀最栀琀 㴀 ⠀挀氀愀猀猀一愀洀攀⸀爀椀最栀琀 㴀㴀㴀 ∀搀愀爀欀∀ 㼀 ∀∀㨀∀搀愀爀欀∀⤀㬀ഀ
			showLog("[ "+getTime()+" beforeRightClick ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "right" );਍ऀऀऀ爀攀琀甀爀渀 ⠀℀琀爀攀攀一漀搀攀 簀簀 琀爀攀攀一漀搀攀⸀爀椀最栀琀 ℀㴀 昀愀氀猀攀⤀㬀ഀ
		}਍ऀऀ昀甀渀挀琀椀漀渀 漀渀刀椀最栀琀䌀氀椀挀欀⠀攀瘀攀渀琀Ⰰ 琀爀攀攀䤀搀Ⰰ 琀爀攀攀一漀搀攀⤀ 笀ഀ
			showLog("[ "+getTime()+" onRightClick ]&nbsp;&nbsp;" + (treeNode?treeNode.name:"root"), "right" );਍ऀऀ紀ഀ
		function showLog(str, logType) {਍ऀऀऀ氀漀最 㴀 ␀⠀∀⌀氀漀最∀ ⬀ ∀开∀ ⬀ 氀漀最吀礀瀀攀⤀㬀ഀ
			log.append("<li class='"+className[logType]+"'>"+str+"</li>");਍ऀऀऀ椀昀⠀氀漀最⸀挀栀椀氀搀爀攀渀⠀∀氀椀∀⤀⸀氀攀渀最琀栀 㸀 ㈀⤀ 笀ഀ
				log.get(0).removeChild(log.children("li")[0]);਍ऀऀऀ紀ഀ
		}਍ऀऀ昀甀渀挀琀椀漀渀 最攀琀吀椀洀攀⠀⤀ 笀ഀ
			var now= new Date(),਍ऀऀऀ栀㴀渀漀眀⸀最攀琀䠀漀甀爀猀⠀⤀Ⰰഀ
			m=now.getMinutes(),਍ऀऀऀ猀㴀渀漀眀⸀最攀琀匀攀挀漀渀搀猀⠀⤀Ⰰഀ
			ms=now.getMilliseconds();਍ऀऀऀ爀攀琀甀爀渀 ⠀栀⬀∀㨀∀⬀洀⬀∀㨀∀⬀猀⬀ ∀ ∀ ⬀洀猀⤀㬀ഀ
		}਍ഀ
		$(document).ready(function(){਍ऀऀऀ␀⸀昀渀⸀稀吀爀攀攀⸀椀渀椀琀⠀␀⠀∀⌀琀爀攀攀䐀攀洀漀∀⤀Ⰰ 猀攀琀琀椀渀最Ⰰ 稀一漀搀攀猀⤀㬀ഀ
		});਍ऀऀ⼀⼀ⴀⴀ㸀ഀ
	</SCRIPT>਍㰀⼀䠀䔀䄀䐀㸀ഀ
਍㰀䈀伀䐀夀㸀ഀ
<h1>其他鼠标事件监听</h1>਍㰀栀㘀㸀嬀 蜀蒍㩟 挀漀爀攀⼀漀琀栀攀爀䴀漀甀猀攀⸀栀琀洀氀 崀㰀⼀栀㘀㸀ഀ
<div class="content_wrap">਍ऀ㰀搀椀瘀 挀氀愀猀猀㴀∀稀吀爀攀攀䐀攀洀漀䈀愀挀欀最爀漀甀渀搀 氀攀昀琀∀㸀ഀ
		<ul id="treeDemo" class="ztree"></ul>਍ऀ㰀⼀搀椀瘀㸀ഀ
	<div class="right">਍ऀऀ㰀甀氀 挀氀愀猀猀㴀∀椀渀昀漀∀㸀ഀ
			<li class="title"><h2>1、mousedown / mouseup / rightClick 事件回调函数控制</h2>਍ऀऀऀऀ㰀甀氀 挀氀愀猀猀㴀∀氀椀猀琀∀㸀ഀ
				<li>zTree 提供 这几种鼠标事件响应，主要是为了便于用户针对一些特殊需求进行扩展开发，਍ᩎ累⁛稀吀爀攀攀  ႐ﭢ啎煏쵟౔